@import "../_function";
@import "../_variables";

.classify-header {
	box-sizing: border-box;
	height: pr(116);
	line-height: pr(116);
	border-bottom: 1px solid $borderColor;
	padding: pr(20) 0 pr(20) pr(40);
	.classify-header-search {
		height: 100%;
		div {
			display: flex;
			height: 100%;
			align-items: center;
			position: relative;
			.iconfont {
				font-size: pr(40);
				position: absolute;
				left: pr(25);
			}
			input {
				width: pr(670);
				height: 100%;
				padding-left: pr(91);
				background: $bgColor;
				border-radius: pr(50);
				border: none;
				transition: width .3s;
				& + span {
					display: none;
					margin-left: 10px;
				}
				&.active {
					width: pr(500);
					& + span {
						display: inline;
					}
				}
			}
		}
	}
}